﻿@{
    ViewBag.Title = "Details";
}

<link rel="stylesheet" type="text/css" href="/Content/services.css" />
<style>
.room {
height: 400px;
width: 800px;
background-color: #191814;
border-bottom: 1px solid black;
border-top: 1px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.199219)0px 0px 5px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.199219)0px 0px 5px 0px;
-moz-box-shadow: rgba(0,0,0,0.199219)0px 0px 5px 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

.col1of2 {
height: inherit;
width: 50%;
float: left;
display: block;
}

.btnSeeMore {
border-radius: 5px;
-webkit-border-radius: 5px;
font-family: Helvetica,Arial,Verdana,sans-serif;
font-size: 13px;
height: 20px;
padding: 7px 17px 5px 17px;
margin: 15px 45px 0px 10px;
background-color: #E95C41;
float: right;
color: white;
cursor: pointer;
}

.btnSeeMore a {
color: white;
text-decoration: none;
}

.CSSTableGenerator {

    text-align: center;

	margin:5%;padding:0px;

	width:90%;
	box-shadow: 10px 10px 5px #888888;

	border:1px solid #000000;

	

	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

	

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;

	

	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

	

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}
.CSSTableGenerator table{

	width:100%;

	height:100%;

	margin:0px;padding:0px;

}
 .CSSTableGenerator tr:last-child td:last-child {

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;

}

.CSSTableGenerator table tr:first-child td:first-child {

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}

.CSSTableGenerator table tr:first-child td:last-child {

	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

}
.CSSTableGenerator tr:last-child td:first-child{

	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

}
.CSSTableGenerator tr:hover td{

	

}
.CSSTableGenerator tr:nth-child(odd){ background-color:#666666; }

.CSSTableGenerator tr:nth-child(even)    { background-color:#7f7f7f; }
.CSSTableGenerator td{

	vertical-align:middle;

	

	

	border:1px solid #000000;

	border-width:0px 1px 1px 0px;

	text-align:center;

	padding:7px;

	font-size:12px;

	font-family:Arial;

	font-weight:normal;

	color:#ffffff;

}.CSSTableGenerator tr:last-child td{

	border-width:0px 1px 0px 0px;

}.CSSTableGenerator tr td:last-child{

	border-width:0px 0px 1px 0px;

}.CSSTableGenerator tr:last-child td:last-child{

	border-width:0px 0px 0px 0px;

}

.CSSTableGenerator tr:first-child td{

		background:-o-linear-gradient(bottom, #d14836 5%, #d14836 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d14836), color-stop(1, #d14836) );
	background:-moz-linear-gradient( center top, #d14836 5%, #d14836 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d14836", endColorstr="#d14836");	background: -o-linear-gradient(top,#d14836,d14836);


	background-color:#d14836;

	border:0px solid #000000;

	text-align:center;

	border-width:0px 0px 1px 1px;

	font-size:14px;

	font-family:Arial;

	font-weight:bold;

	color:#ffffff;

}

.CSSTableGenerator tr:first-child:hover td{

	background:-o-linear-gradient(bottom, #d14836 5%, #d14836 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d14836), color-stop(1, #d14836) );
	background:-moz-linear-gradient( center top, #d14836 5%, #d14836 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d14836", endColorstr="#d14836");	background: -o-linear-gradient(top,#d14836,d14836);


	background-color:#d14836;

}

.CSSTableGenerator tr:first-child td:first-child{

	border-width:0px 0px 1px 0px;

}

.CSSTableGenerator tr:first-child td:last-child{

	border-width:0px 0px 1px 1px;

}
</style>

<div class="box">
    <h2 class="heading-title">
        <span>Phòng @ViewBag.hang</span>
    </h2>
    <div class="box-content">
        <p>Với phương châm : “ Hướng tới sự hài lòng của khách hàng ", phòng ngoại hạng với đầy đủ tiện nghi luôn sẵn sàng giúp bạn tận hưởng trọn vẹn </p>
    </div>
</div>

<div class="services">
    @{foreach(var DV in ViewBag.DV)
    {
    <li class="service-item">
        <div class="service_holder">
            <div class="image">

                    <img alt="@DV.tenDichVu" src="/Images/@{@DV.maDichVu}.jpg">
                
            </div>
            <h3>@DV.tenDichVu</h3>
            <span class="pricetag">@DV.donGia đ</span>
        </div>
    </li>
    }}
</div>

<br>

<div class="CSSTableGenerator" id="Reservation" >
	<table >
		<tr> 
				<td><strong>Loại phòng</strong></td>		
				<td><strong>Sức chứa</strong></td>
				
		</tr>
        @{foreach(var LP in ViewData.Model)
        {
		    <tr>
				<td>@LP.tenLoaiPhong</td>			
				<td>@LP.soLuong</td>                
			</tr>
        }
        }
	</table>
</div>
</br>

<div class="btnSeeMore">@Html.ActionLink("Đặt phòng", "Booking", "Rooms")</div>
